﻿<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>@ViewBag.SiteName</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">          
    <!-- Bootstrap -->
    <link href="~/Content/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="~/Content/bootstrap-responsive.min.css" rel="stylesheet" media="screen">
    <link href="~/Content/carrousel.css" rel="stylesheet" media="screen">
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
  </head>
  <body>
    <script src="http://code.jquery.com/jquery.js"></script>
    <div id="body">  
        <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    </button>
                    @*<a class="brand" href="#">@ViewBag.SiteName</a>*@
                    <a class="brand" href="/">
                        <img title="@ViewBag.SiteName" src="~/Images/ol4rent_logo_130x29.png"/>
                    </a>
                    <div class="nav-collapse collapse">
                        <ul class="nav">
                            <li><a href="/Admin/Sites">Sites</a></li>
                            <li><a href="/Admin/Users">Users</a></li>
                            <li><a href="/Admin/Configuration">Configuration</a></li>
                            <li><a href="/Admin/Reports">Reports</a></li>
                        </ul>
                        @Html.Partial("_LoginPartialAdmin")
                    </div><!--/.nav-collapse -->
                </div>
            </div>
        </div>
        <div class="container">
            @RenderBody()      
        </div> <!-- /container -->  
        <div class="container">
            <footer style="display: block; margin-top: 30px;">
                    <p>&copy; OL4RENT 2013</p>
            </footer>   
        </div>
    </div>   

    @Scripts.Render("~/bundles/jquery")
    @RenderSection("scripts", required: false)

    <!-- /scripts -->
    
    <script src="~/Scripts/bootstrap.min.js"></script>
    <script src="~/Scripts/bootstrap-dropdown.js"></script>      
    <script>
        !function ($) {
            "use strict";

            /* DROPDOWN CLASS DEFINITION
             * ========================= */

            var toggle = '[data-toggle=dropdown]'
              , Dropdown = function (element) {
                  var $el = $(element).on('click.dropdown.data-api', this.toggle)
                  $('html').on('click.dropdown.data-api', function () {
                      $el.parent().removeClass('open')
                  })
              }

            Dropdown.prototype = {

                constructor: Dropdown

            , toggle: function (e) {
                var $this = $(this)
                  , $parent
                  , isActive

                if ($this.is('.disabled, :disabled')) return

                $parent = getParent($this)

                isActive = $parent.hasClass('open')

                clearMenus()

                if (!isActive) {
                    if ('ontouchstart' in document.documentElement) {
                        // if mobile we we use a backdrop because click events don't delegate
                        $('<div class="dropdown-backdrop"/>').insertBefore($(this)).on('click', clearMenus)
                    }
                    $parent.toggleClass('open')
                }

                $this.focus()

                return false
            }

            , keydown: function (e) {
                var $this
                  , $items
                  , $active
                  , $parent
                  , isActive
                  , index

                if (!/(38|40|27)/.test(e.keyCode)) return

                $this = $(this)

                e.preventDefault()
                e.stopPropagation()

                if ($this.is('.disabled, :disabled')) return

                $parent = getParent($this)

                isActive = $parent.hasClass('open')

                if (!isActive || (isActive && e.keyCode == 27)) {
                    if (e.which == 27) $parent.find(toggle).focus()
                    return $this.click()
                }

                $items = $('[role=menu] li:not(.divider):visible a', $parent)

                if (!$items.length) return

                index = $items.index($items.filter(':focus'))

                if (e.keyCode == 38 && index > 0) index--                                        // up
                if (e.keyCode == 40 && index < $items.length - 1) index++                        // down
                if (!~index) index = 0

                $items
                  .eq(index)
                  .focus()
            }

            }

            function clearMenus() {
                $('.dropdown-backdrop').remove()
                $(toggle).each(function () {
                    getParent($(this)).removeClass('open')
                })
            }

            function getParent($this) {
                var selector = $this.attr('data-target')
                  , $parent

                if (!selector) {
                    selector = $this.attr('href')
                    selector = selector && /#/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
                }

                $parent = selector && $(selector)

                if (!$parent || !$parent.length) $parent = $this.parent()

                return $parent
            }


            /* DROPDOWN PLUGIN DEFINITION
             * ========================== */

            var old = $.fn.dropdown

            $.fn.dropdown = function (option) {
                return this.each(function () {
                    var $this = $(this)
                      , data = $this.data('dropdown')
                    if (!data) $this.data('dropdown', (data = new Dropdown(this)))
                    if (typeof option == 'string') data[option].call($this)
                })
            }

            $.fn.dropdown.Constructor = Dropdown


            /* DROPDOWN NO CONFLICT
             * ==================== */

            $.fn.dropdown.noConflict = function () {
                $.fn.dropdown = old
                return this
            }


            /* APPLY TO STANDARD DROPDOWN ELEMENTS
             * =================================== */

            $(document)
              .on('click.dropdown.data-api', clearMenus)
              .on('click.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() })
              .on('click.dropdown.data-api', toggle, Dropdown.prototype.toggle)
              .on('keydown.dropdown.data-api', toggle + ', [role=menu]', Dropdown.prototype.keydown)
        }(window.jQuery)
        window.onload = function () {
            CrearMapa();
        };
    </script>
  </body>
</html>